body {
  margin: 0;
  padding: 0;
}
.demo {
  display: flex;
  .show-item {
    flex: 1;
    background: radial-gradient(closest-side, gray, transparent),
      conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
    > img {
      width: 100%;
    }
    .mask {
      --mask-url: url('@/assets/遮罩包/书本_遮罩.png');
      -webkit-mask-image: var(--mask-url);
      mask-image: var(--mask-url);
      -webkit-mask-size: contain;
      mask-size: contain;
    }
  }
}
